$(function () {
    $('#loginBox a').on('click', function () {
        $('#loginBox').hide()
        $('#regBox').show()
    })
    $('#regBox a').on('click', function () {
        $('#loginBox').show()
        $('#regBox').hide()
    })

    // 校验
    let form = layui.form
    form.verify({
        username: [
            /^[0-9a-zA-Z]{1,10}$/
            , '用户名必须是1到10位的字母或数字'
        ],
        pwd: [
            /^[0-9A-Za-z]{6,12}$/
            , '密码必须是6到12位的字母或数字'
        ],
        repwd:function (value) {
            let val = $('#regBox input[name=password]').val()
            if (value !== val) {
                return '两次密码输入不一致' 
            }
        }
    })

    
    // 注册功能
    let layer = layui.layer
    $('#regForm').on('submit',function (e) {
        e.preventDefault()
        axios({
            method:'POST',
            url:'/api/reguser',
            data:$(this).serialize()
        }).then(res => {
            if (res.data.status !== 0) {
                // console.log(res.data.message)
                return layer.msg(res.data.message); 
            }
            layer.msg('恭喜您，注册成功！')
            setTimeout(function () {
                $('#regBox a').click()
                $('#regForm')[0].reset()
            },1000)
        })
    })

    // 登录功能
    $('#loginForm').on('submit',function (e) {
        e.preventDefault()

        axios({
            method:'POST',
            url:'/api/login',
            data:$(this).serialize()
        }).then(res =>{
            if (res.data.status !== 0) {
                return layer.msg(res.data.message)
            }

            layer.msg('登录成功！')
            localStorage.setItem('token',res.data.token)
            location.href = '/index.html'
        })
    })
})